<template>
    <div style="background-color: #ddd;" class="container">
        <van-row style="height:100px;font-size:50px;text-align: center;background-color: white;">
        <van-col span="8" style="border-right: 1px solid #ccc;" @click="$router.push('precedence/Offline')">
            <van-icon name="bag" color="aqua" />
            <p>优选够</p>
        </van-col>
        <van-col span="8" style="border-right: 1px solid #ccc;" @click="$router.push('precedence/precedenceWin')">
            <van-icon name="point-gift" color="red" />
            <p>赢好礼</p>
        </van-col>
        <van-col span="8" @click="$router.push('precedence/offlineStores')">
            <van-icon name="shop" style="color: green;" />
            <p>线下选购</p>
        </van-col>
    </van-row>
    <van-cell-group inset style="margin-top:15px">
        <van-cell @click="$router.push('precedence/precedence')">
            <template #title>
                <div class="photoone">
                    <img src="https://www.pmdaniu.com/storages/124137/4fd65663c237204d6e2adfba9b23af2f-103297/images/%E5%8F%91%E7%8E%B0/u586.jpg" >
                </div>
            </template>
        </van-cell>
        <van-cell title="由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自活动" />
    </van-cell-group>
    <van-cell-group inset style="margin-top:15px">
        <van-cell @click="$router.push('precedence/precedenceWin')">
            <template #title>
                <div class="photoone">
                    <img src="https://www.pmdaniu.com/storages/124137/4fd65663c237204d6e2adfba9b23af2f-103297/images/%E5%8F%91%E7%8E%B0/u590.jpg" >
                </div>
            </template>
        </van-cell>
        <van-cell title="由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自" />
    </van-cell-group>
    <van-empty image-size="100" description="没有更多了哦" />
    </div>
</template>

<script setup>
    
</script>

<style lang="less" scoped>
.container{
    margin-top: 50px;
    overflow-y: scroll;
    height: 100%;
}
.van-cell-group{
    background-color: blanchedalmond;
}
p {
    font-size: 14px;
    line-height: 14px;
}
img{
    width: 100%;
    height: 100%;
}
.photoone{
    width: 100%;
    height: 150px;
}
</style>